/*
 * @Author: ChaiHongJun
 * @Date: 2021-08-11 08:54:44
 * @LastEditors: ChaiHongJun
 * @LastEditTime: 2021-08-16 17:25:42
 * @version:
 * @Description:
 */
/**
 * 开发环境配置
 *
 *
*/
const { resolve } = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { merge } = require('webpack-merge');
// 引入基本配置
const baseWebpackConfig = require('./webpack.base.config.js')
const devWebpackConfig = merge(baseWebpackConfig, {
  //这里是开发环境配置内容
  mode: "development",
  cache: {
    type: 'filesystem',
    cacheDirectory: resolve(__dirname, '.temp_dev_cache'),
  },
  plugins: [
    //打包HTML页面
    new HtmlWebpackPlugin({
      title: 'webpack5',
      template: './src/template/index.ejs',
      filename: 'index.html',
      meta: {
        keywords: '关键词'
      },
    }),
  ],
  // devServer: {
  //   contentBase: resolve(__dirname, 'dist'),
  //   host: 'localhost',  // 配置启动ip地址
  //   port: 9090,  // 配置端口
  //   open: true, // 配置是否自动打开浏览器
  //   compress: true,
  //   liveReload: true, //热更新
  //   //配置代理 解决跨域
  //   proxy: {
  //     // http://localhost:8080/api
  //     "/api": {    // 这里的`/api`是自定义的
  //       // http://localhost:8080/api/users = >  https://api.github.com/api/users
  //       target: "https://api.github.com/", //这里是真实的接口baseURL
  //       //http://localhost:8080 => https://api.github.com
  //       changeOrigin: true,
  //       ws: true,
  //       secure: false,
  //       pathRewrite: {
  //         //去掉 '/api/'
  //         // http://localhost:8080/api/users = >  https://api.github.com/users
  //         "^/api": "", // 这里的`^/api`也是是自定义的
  //       },
  //     },
  //   }
  // },
  // target: 'web', //热更新
})
// 最后通过 module.exports 导出
module.exports = devWebpackConfig